/* 文件说明，这边写一些通用的css方法，或定义一些css变量，供其他组件引入 */

// 引入举例
// @import "@/assets/styles/mixin";
// @include tag(20px);

// 变量
// 两个elcard的间距，加在第一个的margin-bottom
$elcardbottom: 20px;

// 方法
// flex 居中
@mixin center() {
  display: flex;
  justify-content: center;
  align-items: center;
}

// tag标签的通用样式 $mbottom 代表第一行tag 与第二行tag的下边距
@mixin tag($mbottom) {
  .el-tag + .el-tag {
    margin-left: 10px;
    margin-bottom: $mbottom;
  }
  .button-new-tag {
    margin-left: 10px;
    height: 32px;
    line-height: 30px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .input-new-tag {
    width: 90px;
    margin-left: 10px;
    vertical-align: bottom;
  }
}
